<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>TUTOHUB – LMS Education HTML5 Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/animate.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/fontawesome-all.min.css">
        <link rel="stylesheet" href="css/aos.css">
        <link rel="stylesheet" href="css/nice-select.css">
        <link rel="stylesheet" href="css/meanmenu.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/default.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>

        <!-- preloader -->
        <div id="preloader">
            <div id="loading-center">
                <div id="loading-center-absolute">
                    <div class="object" id="object_one"></div>
                    <div class="object" id="object_two"></div>
                    <div class="object" id="object_three"></div>
                </div>
            </div>
        </div>
        <!-- preloader-end -->

        <!-- header -->
        <header>
            <div id="header-sticky" class="main-header-area">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-3 col-md-4">
                            <div class="logo">
                                <a href="index.html"><img src="img/logo/logo.png" alt="logo"></a>
                            </div>
                        </div>
                        <div class="col-lg-5 col-md-6 d-none d-md-block">
                            <div class="header-search-bar">
                                <form action="#">
                                    <input type="text" placeholder="Search Courses ..">
                                    <button><i class="fas fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-4 text-right d-none d-lg-block">
                            <div class="main-menu d-inline-block">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li><a href="#">我的二货</a></li>
                                        <li><a href="#">上传二货</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="shop-cart-icon s-shop-cart-icon d-none d-xl-inline-block">
                                <a href="#"><img src="img/icon/shop_cart.png" alt="icon"></a>
                                <span>10</span>
                            </div>
                            <a href="#" class="ml-1 shop_cart" style="color: whitesmoke;">购物车</a>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-end -->

        <!-- main-area -->
        <main>
            <!-- slider-area -->
            <section class="slider-area slider-three-area">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="slider-courses-wrap">
                                <div class="three-courses-active mb-40">
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="single-slider-courses">
                                        <div class="row align-items-center justify-content-between">
                                            <div class="col-xl-5 col-md-6">
                                                <div class="slider-courses-img">
                                                    <img src="img/slider/slider_course_img.jpg" alt="img">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="slider-courses-content">
                                                    <h2><a href="#">Basic matching <br> learning for beginner</a></h2>
                                                    <div class="slider-courses-author">
                                                        <div class="slider-c-author-info">
                                                            <div class="sc-author-img">
                                                                <img src="img/slider/slider_course_author.jpg" alt="img">
                                                            </div>
                                                            <p>Andrew Hemer</p>
                                                        </div>
                                                        <div class="slider-c-author-rating">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <span>(5)</span>
                                                        </div>
                                                    </div>
                                                    <div class="slider-courses-enroll">
                                                        <a href="#" class="btn">Enroll Now</a>
                                                        <span class="slider-courses-price">$10</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row courses-nav-active">
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img01.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img02.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img03.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img04.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img05.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img06.jpg" alt="img">
                                        </div>
                                    </div>
                                    <div class="col-xl-2">
                                        <div class="single-courses-nav">
                                            <img src="img/slider/slider_course_tab_img03.jpg" alt="img">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- slider-area-end -->
            <!-- courses-area -->
            <section class="courses-area pb-150">
                <div class="courses-menu mb-150">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12 text-center">
                                <div class="courses-menu-list">
                                    <button class="active" data-filter="*"><i class="fab fa-get-pocket"></i> Most Popular</button>
                                    <button data-filter=".cat-one"><i class="fas fa-bolt"></i> Trending</button>
                                    <button data-filter=".cat-two"><i class="far fa-hand-pointer"></i> Top Rated</button>
                                    <button data-filter=".cat-three"><i class="fas fa-bomb"></i> Newest</button>
                                    <button data-filter=".cat-four"><i class="fas fa-plug"></i> Most View</button>
                                    <button data-filter=".cat-five"><i class="fas fa-rocket"></i> Featured</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row courses-grid-active">
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-five cat-four">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img01.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-three cat-five">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img02.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one cat-four">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img03.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-four cat-three">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img04.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one cat-five">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img05.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-three cat-one cat-two">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img06.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-one cat-three">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img07.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-sm-6 grid-item grid-sizer cat-two cat-four cat-five">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img08.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="courses-btn text-center mt-30">
                                <a href="#" class="btn">See All Courses</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- courses-area-end -->
            <!-- courses-area -->
            <section class="courses-area week-courses-p theme-bg pt-137 pb-120">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-6 col-lg-8">
                            <div class="section-title white-title text-center mb-35">
                                <h2>个性化推荐</h2>
                                <p>Online learning program designed to prepare you for a career</p>
                            </div>
                        </div>
                    </div>
                    <div class="row courses-active">
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img01.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img02.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img03.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img04.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img02.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3">
                            <div class="single-courses mb-30">
                                <div class="courses-thumb">
                                    <img src="img/courses/course_img03.jpg" alt="img">
                                    <div class="courses-avatar">
                                        <div class="courses-avatar-img">
                                            <img src="img/courses/courses_avatar.png" alt="img">
                                        </div>
                                        <p>Andrew Hemer</p>
                                    </div>
                                </div>
                                <div class="courses-content p-relative">
                                    <p class="courses-price">$10</p>
                                    <span><i class="far fa-bookmark"></i> Javascript</span>
                                    <h4><a href="#">Introduction to basic javascript</a></h4>
                                    <div class="courses-meta">
                                        <ul>
                                            <li class="courses-user"><i class="far fa-user"></i> 10,455</li>
                                            <li class="courses-rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- courses-area-end -->
            <!-- testimonial-area -->
<!--            <section class="testimonial-area student-review-area pt-137">-->
<!--                <div class="container">-->
<!--                    <div class="row justify-content-center">-->
<!--                        <div class="col-xl-6 col-lg-8">-->
<!--                            <div class="section-title text-center mb-65">-->
<!--                                <h2>Students Review</h2>-->
<!--                                <p>Online learning program designed to prepare you for a career</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        <div class="col-xl-7 col-lg-6">-->
<!--                            <div class="student-review-active">-->
<!--                                <div class="single-testimonial single-student-review">-->
<!--                                    <i class="fas fa-quote-right"></i>-->
<!--                                    <p>Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra nequeac-->
<!--                                    aenean ligula eleifend.....</p>-->
<!--                                    <div class="testi-author">-->
<!--                                        <h5>Martin Hedges</h5>-->
<!--                                        <span>Student - Math</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="single-testimonial single-student-review">-->
<!--                                    <i class="fas fa-quote-right"></i>-->
<!--                                    <p>Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra nequeac-->
<!--                                    aenean ligula eleifend.....</p>-->
<!--                                    <div class="testi-author">-->
<!--                                        <h5>Martin Hedges</h5>-->
<!--                                        <span>Student - Math</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-xl-5 col-lg-6 d-none d-lg-block">-->
<!--                            <div class="student-review-img">-->
<!--                                <img src="img/images/student_review_img.png" alt="img">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </section>-->
            <!-- testimonial-area-end -->
            <!-- instructor-area -->
<!--            <section class="instructor-area gray-bg pt-137 pb-120">-->
<!--                <div class="container">-->
<!--                    <div class="row justify-content-center">-->
<!--                        <div class="col-xl-6 col-lg-8">-->
<!--                            <div class="section-title text-center mb-65">-->
<!--                                <h2>Top Instructor</h2>-->
<!--                                <p>Online learning program designed to prepare you for a career</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        <div class="col-lg-3 col-sm-6">-->
<!--                            <div class="single-instructor text-center mb-30">-->
<!--                                <div class="instructor-thumb">-->
<!--                                    <a href="#"><img src="img/instructor/instructor_img01.jpg" alt="img"></a>-->
<!--                                </div>-->
<!--                                <div class="instructor-content">-->
<!--                                    <h4><a href="#">David Haul</a></h4>-->
<!--                                    <span>Mathematics</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-lg-3 col-sm-6">-->
<!--                            <div class="single-instructor text-center mb-30">-->
<!--                                <div class="instructor-thumb">-->
<!--                                    <a href="#"><img src="img/instructor/instructor_img02.jpg" alt="img"></a>-->
<!--                                </div>-->
<!--                                <div class="instructor-content">-->
<!--                                    <h4><a href="#">Rabeya Lauren</a></h4>-->
<!--                                    <span>Mathematics</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-lg-3 col-sm-6">-->
<!--                            <div class="single-instructor text-center mb-30">-->
<!--                                <div class="instructor-thumb">-->
<!--                                    <a href="#"><img src="img/instructor/instructor_img03.jpg" alt="img"></a>-->
<!--                                </div>-->
<!--                                <div class="instructor-content">-->
<!--                                    <h4><a href="#">Niki Jafrin</a></h4>-->
<!--                                    <span>Mathematics</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-lg-3 col-sm-6">-->
<!--                            <div class="single-instructor text-center mb-30">-->
<!--                                <div class="instructor-thumb">-->
<!--                                    <a href="#"><img src="img/instructor/instructor_img04.jpg" alt="img"></a>-->
<!--                                </div>-->
<!--                                <div class="instructor-content">-->
<!--                                    <h4><a href="#">Shampn Khati</a></h4>-->
<!--                                    <span>Mathematics</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </section>-->
            <!-- instructor-area-end -->
            <!-- enrolling-area -->
            <section class="enrolling-area enrolling-bg" data-background="img/images/map_bg.png">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-8 col-lg-10">
                            <div class="section-title text-center mb-45">
                                <h2>Thousands of Students are enrolling in everyday</h2>
                            </div>
                            <div class="enrolling-btn text-center">
                                <a href="#" class="btn">Start A Course</a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="enrolling-img mt-45">
                                <img src="img/images/enrolling_img.png" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- enrolling-area-end -->
        </main>
        <!-- main-area-end -->

        <!-- footer -->
        <footer class="footer-area black-bg">
            <div class="footer-top-wrap pt-95 pb-40">
                <div class="container">
                    <div class="row" style="display: flex;flex-direction: row;justify-content: space-around;align-items: center">
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-logo mb-15">
                                    <a href="index.html"><img src="img/logo/w_logo.png" alt="Logo"></a>
                                </div>
                                <div class="footer-text">
                                    <p>我们是一群热爱开发的团体，相聚在南工，相聚在云端就业工作室，我们的理念是：虽然我们还无法改变互联网，但我们一直在努力优化着</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 pr-50">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-20">
                                    <h4>友情链接</h4>
                                </div>
                                <div class="fw-link">
                                    <ul>
                                        <li><a href="http://www.nit.edu.cn/" target="_blank"><i class="fas fa-angle-right"></i> 南昌工程学院</a></li>
                                        <li><a href="http://envo.nit.edu.cn/" target="_blank"><i class="fas fa-angle-right"></i> 南昌工程学院招生就业处</a></li>
                                        <li><a href="http://yunduanoffice.com/" target="_blank"><i class="fas fa-angle-right"></i> 云端就业工作室官网</a></li>
                                        <li><a href="http://yunduanoffice.com/" target="_blank"><i class="fas fa-angle-right"></i> 开发者技术博客链接①</a></li>
                                        <li><a href="https://huyong.cloud/" target="_blank"><i class="fas fa-angle-right"></i> 开发者技术博客链接②</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 pr-40">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-20">
                                    <h4>联系我们</h4>
                                </div>
                                <div class="fw-contact">
                                    <ul>
                                        <li><i class="fas fa-phone"></i> 151 - 8004 - 3828</li>
                                        <li><i class="far fa-envelope"></i> 1352834940@qq.com</li>
                                        <li><i class="fas fa-map-marker-alt"></i> 南昌工程学院</li>
                                        <li><i class="fas fa-fax"></i> 暂无</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="container">-->
<!--                <div class="copyright-wrap">-->
<!--                    <div class="row align-items-center">-->
<!--                        <div class="col-md-8">-->
<!--                            <div class="copyright-text">-->
<!--                                <p>&copy; Copyrights 2019 TUTOHUB Designed By Love. All rights reserved.</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col-md-4">-->
<!--                            <div class="copyright-social text-center text-md-right">-->
<!--                                <ul>-->
<!--                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>-->
<!--                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>-->
<!--                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>-->
<!--                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>-->
<!--                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>-->
<!--                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </footer>
        <!-- footer-end -->





		<!-- JS here -->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/jquery.meanmenu.min.js"></script>
        <script src="js/ajax-form.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/aos.js"></script>
        <script src="js/jquery.nice-select.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script>
        <script src="js/jquery.waypoints.min.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
